<modal id="ur" status="info" icon="bar-chart" heading="{{'Allow Anonymous Usage Reporting?' | translate}}" large="yes" closeable="no">
  <div class="modal-body">
    <p translate>The encrypted usage report is sent daily. It is used to track common platforms, folder sizes and app versions. If the reported data set is changed you will be prompted with this dialog again.</p>
    <p translate>The aggregated statistics are publicly available at the URL below.</p>
    <p><a href="https://data.syncthing.net/" target="_blank">https://data.syncthing.net/</a></p>
    <button type="button" class="btn btn-default btn-sm" ng-click="showReportPreview()" ng-show="!reportPreview">
      <span class="fa fa-file-text-o"></span>&nbsp;<span translate>Preview Usage Report</span>
    </button>
    <pre ng-if="reportPreview"><small>{{reportData | json}}</small></pre>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-success btn-sm" ng-click="acceptUR()">
      <span class="fa fa-check"></span>&nbsp;<span translate>Yes</span>
    </button>
    <button type="button" class="btn btn-danger btn-sm" ng-click="declineUR()">
      <span class="fa fa-times"></span>&nbsp;<span translate>No</span>
    </button>
  </div>
</modal>
